<%@ page language="java" contentType="text/html;charset=UTF-8"
   	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<html>
<LINK REL="SHORTCUT ICON" HREF="images/icon.jpg"> 
<table width="750"  cellpadding="0" cellspacing="0" border="0" align="center">
	<c:if test="${fn:length(data)>=1}">
	<table  cellpadding="0" cellspacing="0" width="700" align="center">
			<tr height="25px">
				<td colspan="3" class="tableheader" align="left"â€‹ style="border: #AAA solid 1px;">áž–áŸ�áž�áŸŒáž˜áž¶áž“ áž“áž·áž„áž–áŸ’ážšáž¹áž�áŸ’áž�áž·áž€áž¶ážšážŽáŸ�</td>
			</tr>
			<tr height="25px">
				<td colspan="3" height="15" style="border-right: #CCC  solid 1px;border-left: #CCC solid 1px;">&nbsp;</td>
			</tr>
		<c:forEach var="x" begin="0" end="${fn:length(data)-1}" step="1" varStatus ="status">
			<c:if test="${x>=StartingRow && x<=EndingRow}">
			<tr valign="top">
				<td style="padding-left: 20px;border-left: #CCC solid 1px;"><a href="news_events_full_story.html?id=${data[x].NEWS_ID}"><img src="News_Event_Files/Front_Images/${data[x].FRONT_IMAGE_FILE}" border="0"></a></td>
				<td align="left" style="padding-left: 20px;" class="ContentText">
					<a href="news_events_full_story.html?id=${data[x].NEWS_ID}" class="newsTitle"><c:out value="${data[x].NEWS_TITLE}"/></a><br/>
					<c:choose>
						<c:when test="${fn:length(data[x].NEWS_DESC)>=300}">
							<p align="justify"><c:out value="${fn:substring(data[x].NEWS_DESC,0,300)}"/>...</p>
						</c:when>
						<c:otherwise>
							<p align="justify"><c:out value="${data[x].NEWS_DESC}"/></p>
						</c:otherwise>
					</c:choose>
				</td>
				<td width="10" style="border-right: #CCC  solid 1px;">&nbsp;</td>
			</tr>
			<tr><td colspan="3" height="20" style="border-right: #CCC  solid 1px;border-left: #CCC solid 1px;"> </td></tr>		
			</c:if>
		</c:forEach>
		<tr height="25px">
			<td colspan="3" height="15" style="border-top: #CCC  solid 1px;"> </td>
		</tr>
	</table>
	</c:if>
	<c:if test="${fn:length(data)<=0}">
			<tr><td align="center" colspan="3">ážŸáž¼áž˜áž¢áž—áŸ�áž™áž‘áŸ„ážŸ áž˜áž·áž“áž˜áž¶áž“áž–áŸ�áž�áŸŒáž˜áž¶áž“ áž“áž·áž„áž–áŸ’ážšáž¹áž�áŸ’áž�áž·áž€áž¶ážšážŽáŸ�ážŸáŸ†ážšáž¶áž”áŸ‹áž”áž„áŸ’áž áž¶áž‰áž‘áŸ�</td></tr>	
	</c:if>
	
	<tr>
		<td colspan="3" height="30" valign="top" align="center"><br>
		<c:if test="${PageCount>1}">
			<c:if test="${page>1}">
				<a href="news_events.html?page=${page-1}">áž”áž€áž€áŸ’ážšáŸ„áž™</a>
			</c:if>
			<c:if test="${page<=1}">
				<label style="color: #333">áž”áž€áž€áŸ’ážšáŸ„áž™</label>
			</c:if>
			
				<c:forEach var="i" begin="1" end="${PageCount}" step="1" varStatus ="status">
					<c:if test="${i==page}">
						<label style="color: #333; width: 25px; height: 10px; border: solid 1px;">&nbsp;<c:out value="${i}" />&nbsp;</label>
					</c:if>
					<c:if test="${i!=page}">
						<a href="news_events.html?page=${i}" style="width: 25px; height: 10px;  border: solid 1px #CCC;">&nbsp;<c:out value="${i}" />&nbsp;</a>
					</c:if>
				</c:forEach>
				
			<c:if test="${page<PageCount}">
				<a href="news_events.html?page=${page+1}">áž‘áŸ…áž˜áž»áž�</a>
			</c:if>
			<c:if test="${page>=PageCount}">
				<label style="color: #333">áž‘áŸ…áž˜áž»áž�</label>
			</c:if>
		</c:if>
		</td>
	</tr>
</table>
</html>